<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">  
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <meta content="yes" name="mobile-web-app-capable">
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
	<title>${seo.title!''}</title>
  	<meta name="description" content="${seo.describe!''}"/>
    <meta name="keywords" content="${seo.keyword!''}"/>
	<link href="/images/favicon.png" rel="shortcut icon" />
	<link rel="stylesheet" type="text/css" th:href="@{css/reception/bootstrap.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{css/reception/style.css}"/>
    <link rel="stylesheet" type="text/css" media="screen and (max-width:1199px)" th:href="@{css/reception/phone.css}"/>
	<!--[if IE 8]>
	<link rel="stylesheet" type="text/css" href="css/style.css"/>
	<![endif]-->
	<script>
	var _hmt = _hmt || [];
	(function() {
  		var hm = document.createElement("script");
  		hm.src = "https://hm.baidu.com/hm.js?ee2370df92169848f6c4395d9d488fc1";
  		var s = document.getElementsByTagName("script")[0]; 
  		s.parentNode.insertBefore(hm, s);
	})();
</script>
</head>
<body>
	<div id="scienceSystem">
		<nav class="nav"></nav>
		<section>
			<div class="scienceSystem banner">
				<div class="scienceSystem_img">
					<img src="images/scienceSystem/banner2.png" title="全人教育理念" alt="全人教育理念">
				</div>
			</div>
			<div class="scienceSystem_cen scienceSystem_games">
				<div class="title w1200">
					<h4 class="fadeinR">GAMES+全人理念</h4>
					<p class="fadeinL">Games能够顺应儿童天性，通过趣味游戏激发学习兴趣和潜能；全人教育启发和培养少儿的同情心、好奇心、创造力、自律、自主、自信和批判性思维的形成。这些全人素质将在儿童时期形成，伴随着成长有效应对未来的变化。</p>
				</div>
			</div>
			<div class="scienceSystem_scon bg_eee visible">
				<div class="title w1200">
					<h4>三大素质全面提升</h4>
					<ul class="visible">
						<li>
							<h5>
								<span class="title title_center">身体素质</span>
							</h5>
							<!--<p>提升运动能力<br/>提升控制能力<br/>提升身体素质</p>-->
						</li>
						<b></b>
						<li>
							<h5>
								<span class="title title_center">心理素质</span>
							</h5>
							<!--<p>提升专注能力<br/>提升学习成绩<br/>抗挫折能力<br/>建立健康意识</p>-->
						</li>
						<b></b>
						<li>
							<h5>
								<span class="title title_center">心智提升</span>
							</h5>
							<!--<p>提升社交能力<br/>乐于挑战探索<br/>提升责任自信<br/>自我价值展现</p>-->
						</li>
					</ul>
				</div>
			</div>
			<div class="scienceSystem_cen system_three visible">
				<div class="w1200">
					<div class="system_three_title">
						<h4>三大科学体系</h4>
						<p class="fadeinL">以体育、运动及物理治疗三大科学体系为支撑，帮助孩子在日常运动或训练中能更安全、更有效进行提升和成长。</p>
					</div>
					<ul>
						<li class="visible">
							<div>
								<div class="title">
									<h4>体育科学</h4>
									<p>用科学的方法来探求体育的本质和规律，并通过身体练习进行教育和提高健康水平。加力运动的测试训练体系都是以体育科学为基础，用最健康、科学的方式帮助青少儿提升体能。</p>
								</div>
							</div>
							<div>
								<img src="images/scienceSystem/254774075641299098.jpg" title="体育科学" alt="体育科学">
							</div>
						</li>
						<li class="visible">
							<div style="float: right;">
								<div class="title">
									<h4>运动科学</h4>
									<p>以人体科学、生物学、医学、心理学和运动处方等科学理论为指导，根据个体健康情况进行提高自身生理机能和素质。科学的运动方式可以帮助身体正处于高速发育期的青少儿们更快地达到运动效果、提高机体免疫力。</p>
								</div>
							</div>
							<div style="float: right;">
								<img src="images/scienceSystem/264192569554239605.png" title="运动科学" alt="运动科学">
							</div>
						</li>
						<li class="visible">
							<div class="right">
								<div class="title">
									<h4>物理提升</h4>
									<p>物理提升在运动中起到不可或缺的作用，通过科学的物理提升原理能够改善和强化关节、肌肉、肌力与肌耐力、平衡与协调能力等，达到运动效果最大化。</p>
								</div>
							</div>
							<div class="right">
								<img src="images/scienceSystem/260759911432192001.png" title="物理提升" alt="物理提升">
							</div>
						</li>
					</ul>
				</div>
			</div>
			<div class="scienceSystem_cen scienceSupport visible container">
				<div class="system_titlebg">
					<h4>权威学术支持</h4>
				</div>
				<ul class="w1200 visible row">
					<li>
						<img src="images/scienceSystem/hongkong.jpg" title="香港城市大学" alt="香港城市大学">
						<p>香港城市大学</p>
					</li>
					<li>
						<img src="images/scienceSystem/cd_university.jpg" title="成都体育学院" alt="成都体育学院">
						<p>成都体育学院</p>
					</li>
					<li>
						<img src="images/scienceSystem/217594665473671215.jpg" title="中国健康管理协会" alt="中国健康管理协会">
						<p>中国健康管理协会</p>
					</li>
				</ul>
			</div>
			<div class="reference w1200 visible">
				<h4>参考文献：</h4>
				<div>
					<a href="">Butler, P. (2016). No grammar schools, lots of play: the secrets of Europe’s top education system. The Guardian:
						<br> https://www.theguardian.com/education/2016/sep/20/grammar-schoo</a>
					<a href="">New Zealand MOE. Play ideas for playgroups: <br> https://education.govt.nz/early-childhood/teaching-and-learning/learning-tools-and-resources/play-ideas/</a>
					<a href="">Tan, C. T. (2007). Policy developments in preschool education in Singapore: A focus on the key reforms of kindergarten education.
						International Journal of Child Care and Education Policy, 1(1), 35–43.The American Montessori Society’s website:
						<br> https://web.oas.org/childhood/EN/Lists/Recursos%20%20Planes%20N</a>
					<a href="">Ontario Children’s Secretariat (1999). Reversing the real brain drain: Early years study. Canadian Institute for Advanced Research.
						<br> https://web.oas.org/childhood/EN/Lists/Recursos%20%20Planes%20Nacionales/Attachments/84/21.%20Early%20Years%20Study%20I%201999.pdf</a>
				</div>
			</div>
			<div class="probation">
				<div class="w1200">
					<dl>
						<dt>免费试用</dt>
						<dd class="left">
							<div class="try">联系人*
								<input type="text" id="name" class="form-control">
							</div>
							<div class="try">机构名称*
								<input type="text" id="email" class="form-control">
							</div>
						</dd>
						<dd class="left">
							<div class="try try_phone">手机号*
								<input type="text" id="phone" class="form-control">
								<span>*手机号码有误，请重填</span>
							</div>
							<div class="try">机构地址*
								<input type="text" id="content" class="form-control">
							</div>
						</dd>
						<button type="button" class="btn btn-default" id="submitAll" data-toggle="modal" data-target="#myModal">立刻申请</button>
					</dl>
					<!-- 弹框 -->
					<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
						<div class="modal-dialog">
							<div class="modal-content">
								<div class="modal-body">
									申请成功
								</div>
								<div class="modal-footer">
									<button type="button" class="btn modal-btn" 
											data-dismiss="modal">关闭
									</button>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<footer>
			<div class="footer"></div>
		</footer>
	</div>
	<script type="text/javascript" th:src="@{libs/jquery-2.1.0.min.js}"></script>
	<script type="text/javascript" th:src="@{libs/bootstrap.min.js}"></script>
    <script type="text/javascript" th:src="@{js/reception/style.js}"></script>
  	<script type="text/javascript">
	  	$(function(){
			var elmArr = [],
			$win = $(window);
			$(".visible").each(function(i,elm){
				$(elm).data("ot",$(elm).offset().top);
				elmArr.push(elm);
			});
			dealClass(1);
			$win.on("scroll",dealClass);

			function dealClass(isRemove){
				var top = $win.height() + $win.scrollTop();
				if(isRemove!=1){
					for (var i = 0,$elem; i < elmArr.length; i++){
						$elem = $(elmArr[i]);
						if ($elem.data("ot") <= top){
							$elem.addClass("visible");
							elmArr.splice(i, 1);--i;}
					}
				}else{
					for (var i = 0,$elem; i < elmArr.length; i++){
						$elem = $(elmArr[i]);
						if ($elem.data("ot") >= top){
							$elem.removeClass("visible");
						}
					}
				}
			}

		})
  	</script>
</body>
</html>